﻿@model IndignadoFramework.BackBone.Model.ConvocatoriaModel
@{
    ViewBag.Title = "ConvocatoriaDetalle";
    Layout = "~/Views/Shared/_NoGaleryLayout.cshtml";
    String pathLogo = @Url.Content("~/FileManager/LogoConvocatoria") + "?movimientoId=" + ViewBag.MovimientoId + "&convocatoriaId=" + Model.Id;
}
<title>
    @if (string.IsNullOrEmpty(ViewBag.Title) == false)
    {@ViewBag.Title}</title>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
    var convocatoria = new google.maps.LatLng('@Model.ConvocatoriaUbicacionX', '@Model.ConvocatoriaUbicacionY');
    var marker;
    var map;
    var geocoder;

    window.onload = function (e) {
        var mapOptions = {
            zoom: 15,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            center: convocatoria
        };
        geocoder = new google.maps.Geocoder();
        map = new google.maps.Map(document.getElementById("map_canvas"),
				mapOptions);

        marker = new google.maps.Marker({
            map: map,
            draggable: false,
            animation: google.maps.Animation.DROP,
            position: convocatoria
        });

        document.getElementById("punto1").value = convocatoria.lat();
        document.getElementById("punto2").value = convocatoria.lng();

        google.maps.event.addListener(map, 'click', function (event) {
            var newLatLng = new google.maps.LatLng(event.latLng.lat(), event.latLng.lng());
            marker.setPosition(newLatLng);
            map.panTo(newLatLng);
            document.getElementById("punto1").value = event.latLng.lat();
            document.getElementById("punto2").value = event.latLng.lng();
        });

        google.maps.event.addListener(marker, 'mouseup', function (event) {
            document.getElementById("punto1").value = event.latLng.lat();
            document.getElementById("punto2").value = event.latLng.lng();
            map.panTo(event.latLng);
        });

    }

 
</script>
<link rel="stylesheet" type="text/css" href= "@Url.Content("~/Content/ConvocatoriaForm.css")"/>
<div style="height: 100px; margin-top: 10px; text-align: center;">
    <img style="float: left; margin-left: 10px; width: 120px; float: left;" id="imgLogo" src="@pathLogo" alt="" />
    <h1 style="text-align: center; width: 744px; float: left; font-size: 25px">@Model.ConvocatoriaTitulo</h1>
</div>
<br />
<div id="detalle">
    <div class="itemDetalle">
        <h2>Descripcion:</h2>
        <br />@Model.ConvocatoriaDetalle
    </div>
    <div class="itemDetalle">
        <h2>Categoria Tematica:</h2>
        <br />@Model.CategoriaTematicaNombre
    </div>
    <div class="itemDetalle">
        <h2>Fecha Inicio:</h2>
        <br />@Model.ConvocatoriaFechaInicio
    </div>
    <div class="itemDetalle">
        <h2>Fecha Fin:</h2>
        <br />@Model.ConvocatoriaFechaFin
    </div>
    <div class="itemDetalle">
        <h2>Quorum:</h2>
        <br />@Model.ConvocatoriaQuorum
    </div>
    @{
        String estado = "";
        if (Model.ConvocatoriaEstado.ToString().Equals("ARealizarse"))
        {
            estado = "A Realizarse";
        <div class="itemDetalle">
            <h2>
                Estado:</h2>
            <br />@estado</div>
            if (Request.IsAuthenticated) { 
                if (!ViewBag.asistira)
                { 
                    <a id= "linkAsisitire" href="/Convocatoria/AsistirConvocatoria?convocatoriaId=@Model.Id">
                        <div class="button">
                            Asistire
                        </div>
                    </a>
                }
                else
                {
                    <p>Usted asistira a @Model.ConvocatoriaTitulo</p>
                }
            }
        }
        else
        {
            if (Model.ConvocatoriaEstado.ToString().Equals("Suspendida"))
            {
                estado = "Suspendida";
        <div class="itemDetalle">
            <h2>
                Estado:</h2>
            <br />@estado</div>
            }
            else
            {
                estado = "En Desarrollo";
        <div class="itemDetalle">
            <h2>
                Estado:</h2>
            <br />@estado</div>
            }
        }
    }
    <br />
</div>
<div id="contenedorMapa">
    <div id="map_canvas">
    </div>
</div>
